@media handheld, only screen 
 and (max-width:566px)
  {
body {
min-width: 92%;}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 92%;max-width: 92%;_width: 92%;}.main-inner .columns {
padding-left: 0;
padding-right: 0px;
}
.main-inner .fauxcolumn-center-outer {
left: 0;
right: -13px;}
.header{background:url();background-repeat:no-repeat;background-position:bottom;width:92%;padding-top:-10px;}

.content-inner{-moz-box-shadow:inset 0 0 5px 5px #E0E0E0;-webkit-box-shadow:inset 0 0 5px 5px;box-shadow: 0 0 5px 5px #E0E0E0;z-index:500;border:1px solid #C3C3C3;border-color: #C3C3C3; padding:-5px;-moz-border-radius:2em;border-radius:2em 2em 2em 2em;background-color:#fff;width:85%;padding:-30px 4% 20px;}

.footer-outer{background:url();background-repeat:no-repeat;background-position:0 bottom;border:0;padding-bottom:28px;width:92%;}#sidebar-wrapper, .sidebar {display:none;}.post-body img{box-sizing:border-box;max-width:100%}
#podder{/*bluebar of menu*/
background-color:#1999EE;background:url();
background-repeat: no-repeat;padding-bottom:16px;padding-right:40px;padding-top:-20px;background-size:600px 44px;z-index:999;width:100%;}




#ffontor,#ffontgr{font-weight:bold;font-size: 200%;display:block;font-family:"Bradley Hand ITC", "Comic Sans MS", sans-serif;
float:center;text-align:center;background: none;}

.post-body img{box-sizing:border-box;max-width:100%}
.menu-item{z-index:999;height:58px;float:left;text-align:center;font-family:BentonSansCond Regular, Helvetica, Arial, sans-serif;font-size:14px;color:#fff;padding:4px 0 0;}.menu-item a{color:#fff;text-decoration:none;}.menu-item a:hover{color:#eeecec;}.menu-item bb:hover{font-size:40px;}#menu-item-7,#menu-item-8{border: solid 2px #0055FF;background-color:#1999EE;}#menu-item-1,#menu-item-2,#menu-item-3,#menu-item-4,#menu-item-5,#menu-item-6,#menu-item-9{display:none;}

#twban{width:200px;height:100px;text-decoration:none;display:block;background-size:200px 100px; }
 #hidephldr{display:block;padding-right:30px;}

img.resize{
    width:240px; /* you can use % */
    height: auto;
}


}






@media only screen and (min-width: 567px) 
 and (max-width:767px)
    {body {
min-width: 92%;}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 92%;max-width: 92%;_width: 92%;}.main-inner .columns {
padding-left: 0;
padding-right: 0px;}
.main-inner .fauxcolumn-center-outer {
left: 0;
right: -13px;}
.header{background:url();background-repeat:no-repeat;background-position:bottom;width:92%;padding-top:-10px;}
.content-inner{-moz-box-shadow:inset 0 0 5px 5px #E0E0E0;-webkit-box-shadow:inset 0 0 5px 5px;box-shadow: 0 0 5px 5px #E0E0E0;z-index:500;border:1px solid #C3C3C3;border-color: #C3C3C3; padding:-5px;-moz-border-radius:2em;border-radius:2em 2em 2em 2em;background-color:#fff;width:85%;padding:-30px 4% 20px;}
.footer-outer{background:url();background-repeat:no-repeat;background-position:0 bottom;border:0;padding-bottom:28px;width:92%;}#sidebar-wrapper, .sidebar {display:none;}.post-body img{box-sizing:border-box;max-width:100%}
#podder{/*bluebar of menu*/
background-color:#1999EE;background:url();
background-repeat: no-repeat;padding-bottom:16px;padding-right:40px;padding-top:-20px;background-size:600px 44px;z-index:999;width:100%;}
#ffontor,#ffontgr{font-weight:bold;font-size: 400%;display:block;font-family:"Bradley Hand ITC", "Comic Sans MS", sans-serif;
float:center;text-align:center;background: none;}
.post-body img{box-sizing:border-box;max-width:100%}
.menu-item{z-index:999;height:58px;float:left;text-align:center;font-family:BentonSansCond Regular, Helvetica, Arial, sans-serif;font-size:14px;color:#fff;padding:4px 0 0;}.menu-item a{color:#fff;text-decoration:none;}.menu-item a:hover{color:#eeecec;}.menu-item bb:hover{font-size:40px;}#menu-item-1,#menu-item-2,#menu-item-3,#menu-item-4,#menu-item-5,#menu-item-6,#menu-item-7,#menu-item-8{border: solid 2px #0055FF;background-color:#1999EE;}#menu-item-9{display:none;}

#twban{width:200px;height:100px;text-decoration:none;display:block;background-size:200px 100px; }
}

@media only screen and (min-width: 768px) 
 and (max-width:1024px)
    {
body {
min-width: 92%;}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 92%;max-width: 92%;_width: 92%;}.main-inner .columns {
padding-left: 0;
padding-right: 0px;
}
.main-inner .fauxcolumn-center-outer {
left: 0;
right: -13px;}

img.resize{
    width:240px; /* you can use % */
    height: auto;
}
.header{background:url();background-repeat:no-repeat;background-position:bottom;width:92%;padding-top:-10px;}

.content-inner{-moz-box-shadow:inset 0 0 5px 5px #E0E0E0;-webkit-box-shadow:inset 0 0 5px 5px;box-shadow: 0 0 5px 5px #E0E0E0;z-index:500;border:1px solid #C3C3C3;border-color: #C3C3C3; padding:-5px;-moz-border-radius:2em;border-radius:2em 2em 2em 2em;background-color:#fff;width:85%;padding:-30px 4% 20px;}

.footer-outer{background:url();background-repeat:no-repeat;background-position:0 bottom;border:0;padding-bottom:28px;width:92%;}#sidebar-wrapper, .sidebar {display:block;display: table-row !important;}.post-body img{box-sizing:border-box;max-width:100%}
#podder{/*bluebar of menu*/
background-color:#1999EE;background:url();
background-repeat: no-repeat;padding-bottom:16px;padding-right:40px;padding-top:-20px;background-size:600px 44px;z-index:999;width:100%;}

#ffontor,#ffontgr{font-weight:bold;font-size: 500%;display:block;font-family:"Bradley Hand ITC", "Comic Sans MS", sans-serif;
float:center;text-align:center;background: none;}

.post-body img{box-sizing:border-box;max-width:100%}
.menu-item{z-index:999;height:58px;float:left;text-align:center;font-family:BentonSansCond Regular, Helvetica, Arial, sans-serif;font-size:14px;color:#fff;padding:4px 0 0;}.menu-item a{color:#fff;text-decoration:none;}.menu-item a:hover{color:#eeecec;}.menu-item bb:hover{font-size:40px;}#menu-item-1,#menu-item-2,#menu-item-3,#menu-item-4,#menu-item-5,#menu-item-6,#menu-item-7,#menu-item-8, #menu-item-9{border: solid 2px #0055FF;background-color:#1999EE;}

#twban{width:200px;height:100px;text-decoration:none;display:block;background-size:200px 100px; }

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>




#first { /* Styles for the First Post Container */
width: 100%px;height: 363px;float: left;margin-bottom:10px;
background-color: #E7D685; /* background color for the first post */
border: 7px dashed #2CA5ED; /* border for the first post */
padding-top:35px;}
.first-body { /* Style for the First Post summary */
color: #fff;font-size: 13px;text-align: justify;padding: 5px 10px;line-height:1.5em;}
#first h3 a, #first h3 a:visited { /* Style for the First Post Title*/
border-bottom: 7px solid #E7D685;color: #fff;font-size: 39px;display:block;margin: 10px auto;
width: 95%;font-size: 20px;padding: 0px 0px 4px 0px;
font-family: Times New Roman, &quot;Times New Roman&quot;, Times, serif;font-size:39px;
float:center;text-align:center;line-height: 1.4em;background: none;}
#first h3 a:hover { /* Color on mouseover for the First Post Title */
color: #7F7F7F;text-decoration: underline;}
</b:if> </b:if>}


 


@media screen and (max-device-width:480px){body {
min-width: 92%;}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 92%;max-width: 92%;_width: 92%;}.main-inner .columns {
padding-left: 0;
padding-right: 0px;
}
.main-inner .fauxcolumn-center-outer {
left: 0;
right: -13px;}
.header{background:url();background-repeat:no-repeat;background-position:bottom;width:92%;padding-top:-10px;}

.content-inner{-moz-box-shadow:inset 0 0 5px 5px #E0E0E0;-webkit-box-shadow:inset 0 0 5px 5px;box-shadow: 0 0 5px 5px #E0E0E0;z-index:500;border:1px solid #C3C3C3;border-color: #C3C3C3; padding:-5px;-moz-border-radius:2em;border-radius:2em 2em 2em 2em;background-color:#fff;width:85%;padding:-30px 4% 20px;}

.footer-outer{background:url();background-repeat:no-repeat;background-position:0 bottom;border:0;padding-bottom:28px;width:92%;}#sidebar-wrapper, .sidebar {display:none;}.post-body img{box-sizing:border-box;max-width:100%}
#podder{/*bluebar of menu*/
background-color:#1999EE;background:url();
background-repeat: no-repeat;padding-bottom:16px;padding-right:40px;padding-top:-20px;background-size:600px 44px;z-index:999;width:100%;}

#twban{width:200px;height:100px;text-decoration:none;display:block;background-size:200px 100px; }


#ffontor,#ffontgr{font-weight:bold;font-size: 400%;display:block;font-family:"Bradley Hand ITC", "Comic Sans MS", sans-serif;
float:center;text-align:center;background: none;}

.post-body img{box-sizing:border-box;max-width:100%}
.menu-item{z-index:999;height:58px;float:left;text-align:center;font-family:BentonSansCond Regular, Helvetica, Arial, sans-serif;font-size:14px;color:#fff;padding:4px 0 0;}.menu-item a{color:#fff;text-decoration:none;}.menu-item a:hover{color:#eeecec;}.menu-item bb:hover{font-size:40px;}#menu-item-1,#menu-item-2,#menu-item-3,#menu-item-4,#menu-item-5,#menu-item-6,#menu-item-7,#menu-item-8, #menu-item-9{border: solid 2px #0055FF;background-color:#1999EE;}
}



}
